// @flow
import React from "react";

type Props = {
  size?: Number,
  color?: Number,
};

const NoResults = ({ size = 109, color = "currentColor" }: Props) => (
  <svg width={size} height={size} viewBox="0 0 109 121" fill="none">
    <path
      d="M39 84H25C11.7452 84 1 73.2548 1 60V25C1 11.7452 11.7452 1 25 1H59C72.2548 1 83 11.7452 83 25V51"
      stroke={color}
      strokeDasharray="8 5"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M84.9068 98.321C81.0446 101.257 76.2258 103 71 103C58.2975 103 48 92.7025 48 80C48 67.2975 58.2975 57 71 57C83.7025 57 94 67.2975 94 80C94 86.7547 91.0882 92.8293 86.4513 97.0371L91.7071 102.293C91.7824 102.368 91.8432 102.453 91.8895 102.542L92.6414 101.791C92.9212 101.512 93.3747 101.512 93.6545 101.791L107.919 116.036C108.993 117.109 108.993 118.849 107.919 119.922C106.844 120.994 105.102 120.994 104.028 119.922L89.7634 105.677C89.4837 105.398 89.4837 104.945 89.7634 104.665L90.5411 103.889C90.4517 103.843 90.3678 103.782 90.2929 103.707L84.9068 98.321ZM92 80C92 91.598 82.598 101 71 101C59.402 101 50 91.598 50 80C50 68.402 59.402 59 71 59C82.598 59 92 68.402 92 80ZM93.1479 104.112L92.0873 105.171L105.443 118.508C105.736 118.801 106.211 118.801 106.504 118.508C106.797 118.216 106.797 117.742 106.504 117.449L93.1479 104.112Z"
      fill={color}
    />
    <path
      d="M32 32C32 33.6569 30.6569 35 29 35C27.3431 35 26 33.6569 26 32C26 30.3431 27.3431 29 29 29C30.6569 29 32 30.3431 32 32Z"
      fill={color}
    />
    <path
      d="M58 32C58 33.6569 56.6569 35 55 35C53.3431 35 52 33.6569 52 32C52 30.3431 53.3431 29 55 29C56.6569 29 58 30.3431 58 32Z"
      fill={color}
    />
    <path d="M42 52C39.2386 52 37 54.2386 37 57H47C47 54.2386 44.7614 52 42 52Z" fill={color} />
  </svg>
);

export default NoResults;
